/*
* UNDO HTML DEFAULT STYLES
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

/*
JSOOL
*/

.jsool * {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 12px;
	font-weight: 100;
}

img,th, .no-select{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}


canvas.js{
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*
BUTTONS
*/
input[type=button].js-btn,
input[type=submit].js-btn,
input[type=reset].js-btn,
button.js-btn,
a.js-btn{
	min-width: 70px;
	line-height: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	background-image: url('../images/input-bg.png');	
	background-position: 0 45px;
	
	border: 1px solid #3267B8;
	display: inline-block;
	padding: 3px 5px;
	margin: 2px 5px;
	cursor:default;
	text-decoration: none;
	color: #EEE;
	text-align: center;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.ie input[type=button].js-btn,
.ie input[type=submit].js-btn,
.ie input[type=reset].js-btn,
.ie button.js-btn,
.ie a.js-btn{
	min-width: 58px;
}

.ff input[type=button].js-btn,
.ff input[type=submit].js-btn,
.ff input[type=reset].js-btn,
.ff button.js-btn{
	padding: 2px 2px;
}

.opera a.js-btn, .ff a.js-btn{
	min-width: 58px;
}

.opera input[type=button].js-btn,
.opera input[type=submit].js-btn,
.opera input[type=reset].js-btn{
	padding: 4px 5px;
}

.webkit input[type=button].js-btn,
.webkit input[type=submit].js-btn,
.webkit input[type=reset].js-btn,
.webkit button.js-btn{
	padding: 2px;
}

.webkit a.js-btn{
	padding: 3px 5px;
	min-width:58px;
}

input[type=button].js-btn:hover,
input[type=submit].js-btn:hover,
input[type=reset].js-btn:hover,
button.js-btn:hover,
a.js-btn:hover{
	background-position: 0 22px;
}

input[type=button].js-btn:active,
input[type=submit].js-btn:active,
input[type=reset].js-btn:active,
button.js-btn:active,
a.js-btn:active{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='120',strength='2');
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
}
/*
TEXT INPUT
*/

input[type=text].js-inp,
input[type=password].js-inp{
	min-width: 220px;
	padding: 4px 5px;
	margin: 2px 5px;
	
	border: 1px solid #888;
	background-image: url('../images/input-bg.png');
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;   
	
	color: #222D49;
}

.opera input[type=text].js-inp,
.opera input[type=password].js-inp{
	background-image: url('../images/input-bg.png');
	background-repeat: repeat-x;
}

/*
DROP DOWN
*/
div.js-dd{
	width:232px;
	display:inline-block;
	margin: 2px 5px;
}
div.js-dd input[type=text]:first-child{
	padding: 4px 5px;
	margin: 0;
	width:200px;
	
	border: 1px solid #888;
	background-image: url('../images/input-bg.png');   
	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor:default;
	color: #222D49;
}

div.js-dd input[type=button]{
	width: 20px;
	line-height: 16px;
	
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
	background-image: url('../images/input-bg.png');	
	background-position: 0 45px;     
	
	border: 1px solid #3267B8;
	cursor: default;
	display: inline-block;
	padding: 3px 5px;
	margin: 0;
	
	text-decoration: none;
	color: #EEE;
	text-align: center;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-left:none;
}

.webkit div.js-dd input[type=button]{
	padding:3px 0;
}
.ie div.js-dd input[type=button]{
	padding-top:2px;
	padding-bottom:4px;
}

.opera div.js-dd input[type=button]{
	padding-top:3px;
	padding-bottom:5px;
}

div.js-dd input[type=button]:active{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75A3DC', EndColorStr='#3267B8') progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='120',strength='2');
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
}

div.js-dd input[type=button]:hover{
	background-position: 0 22px;
}

.js-dd ul{
	background-color: white;
	width: 230px;
	padding: 2px 0;
	position:absolute;
	height:120px;
	border:1px solid #888888;
	border-top:0;
	overflow:auto;
	display:none;
}

.js-dd ul li{
	color:#222D49;
	height:12px;
	padding: 4px 4px;
	background-color: white;
	cursor: default;
	border-top: dotted #6997d2 1px;
}

.js-dd ul li:hover{
	background-color: #D6E8FF;
	color:black;
}

/*
DIALOG
*/
div.js-dialog{
	position:absolute;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: white;
	border: 1px solid #888;
}

div.js-dialog h1{
	background: -moz-linear-gradient(center top , #75A3DC, #3267B8);
	background: -webkit-gradient(linear, left top, left bottom, from(#75A3DC), to(#3267B8));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75A3DC', EndColorStr='#3267B8');
	
	border-color: #3267B8;
	background-color: #477AC3;
	height: 16px;
	line-height:16px;
	
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    padding: 3px 5px 2px 5px;
    color: #EEE;
    cursor: default;
    font-weight: bold;
}
div.js-dialog div.body{
	margin: 5px;
}